<template>
    <!-- 账号设置之“绑定登录方式”菜单项显示内容 -->
    <div id="user-center-accountSettings-bindLoginMethod-contrainer">
        <el-row id="user-center-accountSettings-bindLoginMethod-contrainer-header">
            <span>
                绑定账号登录
            </span>
        </el-row>
        <el-row id="bind">
            <el-divider/>
            <span>
                <svg-icon icon-class="QQ"/>
            </span>
            &ensp;
            <span>
                QQ
            </span>
            <span>
                解绑
            </span>
        </el-row>
        <el-row id="bind">
            <el-divider/>
            <span>
                <svg-icon icon-class="weixin"/>
            </span>
            &ensp;
            <span>
                微信
            </span>
            <span>
                解绑
            </span>
        </el-row>
        <el-row id="unbind">
            <el-divider/>
            <span>
                <svg-icon icon-class="weibo"/>
            </span>
            &ensp;
            <span>
                微博
            </span>
            <span>
                绑定
            </span>
        </el-row>
        <el-row id="unbind">
            <el-divider/>
            <span>
                <svg-icon icon-class="GitHub"/>
            </span>
            &ensp;
            <span>
                GitHub
            </span>
            <span>
                绑定
            </span>
        </el-row>
        <el-row id="unbind">
            <el-divider/>
            <span>
                <svg-icon icon-class="baidu"/>
            </span>
            &ensp;
            <span>
                百度
            </span>
            <span>
                绑定
            </span>
        </el-row>
        <el-row id="bind">
            <el-divider/>
            <span>
                <svg-icon icon-class="dingding"/>
            </span>
            &ensp;
            <span>
                钉钉
            </span>
            <span>
                解绑
            </span>
        </el-row>
        <el-row id="unbind">
            <el-divider/>
            <span>
                <svg-icon icon-class="gitee"/>
            </span>
            &ensp;
            <span>
                码云
            </span>
            <span>
                解绑
            </span>
        </el-row>
    </div>
</template>
<script>
export default {
    name: 'BindLoginMethod'
}
</script>
<style>
    #user-center-accountSettings-bindLoginMethod-contrainer-header {
        font-size: 20px;
    }
    #bind span:not(:first-of-type), #unbind span:not(:first-of-type) {
        font-size: 14px;
    }
    #bind span:first-of-type, #unbind span:first-of-type {
        font-size: 32px;
        vertical-align: middle;
    }
    #bind span:last-of-type {
        cursor: pointer;
        float: right;
        color: rgb(204, 16, 16);
    }
    #unbind span:last-of-type {
        cursor: pointer;
        float: right;
        color: rgb(0, 140, 255);
    }
</style>